<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>左导航</title>
<style>
	{margin:0px;}
	body{height:100%;}
	#leftbar{
		margin-top:5px;
		width:100%;
		height: 100%;
	}
    .nav_1_title, .nav_2{
        border-bottom: 1px dashed #EEEEEE;
    }
	.nav_1 .nav_1_title{
		height:35px;
        padding-top:5px;
		vertical-align: middle;
        color: #4d87ce;
		font-weight: bold;
        font-size:13px;
	}
    .nav_1 .nav_1_title img{
        border: 0;
        vertical-align: middle;
    }
    .nav_1 .nav_1_title:hover{
        background: none repeat scroll 0 0 #EEEEEE;
    }
	.nav_2{
		padding-left:20px;
	}
	.nav_2 a{
	    background:url("../img/sysImg/system_redo.png") no-repeat left;
        padding: 8px 0 8px 25px;
        display: block;
        line-height:40px;
        color: #4d87ce;
        TEXT-DECORATION:none;
		font: 13px/1.231 arial,helvetica,clean,sans-serif;
	}
	.nav_2:hover{
		background-color: #EEEEEE;
		background-image: url("../img/sysImg/link.png");
	}
</style>
</head>
<body>
<div id="leftbar" >
	<div class="nav_1">
		<div class="nav_1_title"><img alt="" src="../img/sysImg/t1.png"/>查勘任务管理</div>
		<div class="nav_2"><a href="../surveyrisk/surveyRisk.jsp" target="main_iframe">新增勘险任务</a></div>
		<div class="nav_2"><a href="../distributeTask1.jsp" target="main_iframe">分发勘险任务</a></div>
		<div class="nav_2"><a href="../surveyrisk/surveyTaskReceive.jsp" target="main_iframe">查勘任务接收</a></div>
	</div>
	<div class="nav_1">
		<div class="nav_1_title"><img alt="" src="../img/sysImg/t2.png"/>GPS监控</div>
		<div class="nav_2"><a href="../mapinfo/index.jsp" target="main_iframe">查勘员定位</a></div> 
		<div class="nav_2"><a href="../mapinfo/historicalTrackPlayback.jsp" target="main_iframe">查勘员轨迹回放</a></div>
	</div>
	<div class="nav_1">
		<div class="nav_1_title"><img alt="" src="../img/sysImg/t3.png"/>机构管理</div>
		<div class="nav_2"><a href="../user/userMain.jsp" target="main_iframe">用户管理</a></div>
		<div class="nav_2"><a href="../user/terminalMain.jsp" target="main_iframe">终端管理</a></div>
	</div>
	<div class="nav_1">
		<div class="nav_1_title"><img alt="" src="../img/sysImg/t4.png"/>查询统计</div>
		<div class="nav_2"><a href="../statistics/statisticsMain.jsp" target="main_iframe">终端登录统计</a></div>
	</div>
	<div class="nav_1">
		<div class="nav_1_title" onclick="logout();"><img src="../img/sysImg/t5.png"/>退出登陆</div>
	</div>
</div>
</body>
</html>
<script src="../js/jquery.js" type="text/javascript"></script>
<script>
/**
 * 退出
 */
function logout(){
	window.parent.location.href = "/survey/j_spring_security_logout";
}
/**
 * 隐藏、展开二级导航
 */
$(function(){
	$(".nav_1_title").toggle(function(){
		$(this).parent().find(".nav_2").hide("slow");
	}, function(){
		$(this).parent().find(".nav_2").show("slow");
	});
    
    $(".nav_2").click(function(){
        $(".nav_2").css("background-image",'none');
        $(this).css("background",'url("../img/sysImg/link.png") no-repeat left');
    })
})
</script>